<script setup lang="ts">
import {Refresh, Search} from "@element-plus/icons-vue";
import {reactive} from "vue";
const formInline = reactive({
    user: '',
    region: '',
})

const onSubmit = () => {
    console.log('submit!')
}
</script>

<template>
    <el-form :inline="true" :model="formInline" class="demo-form-inline">
        <el-form-item label="学院名称">
            <el-select
                v-model="formInline.region"
                placeholder="请选择学院"
                clearable
            >
                <el-option label="Zone one" value="shanghai" />
                <el-option label="Zone two" value="beijing" />
            </el-select>
        </el-form-item>
        <el-form-item label="班级名称">
            <el-input v-model="formInline.user" placeholder="请输入班级名称" clearable />
        </el-form-item>
        <el-form-item class="button">
            <el-button type="primary" :icon="Search">搜索</el-button>
            <el-button :icon="Refresh">重置</el-button>
        </el-form-item>
    </el-form>
</template>

<style scoped lang="scss">

</style>
